<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>Dein.fm你的私人电台</title>
    <link rel="shortcut icon" href="images/deinIcon.ico" type="image/x-icon">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	 <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
	  <link rel="stylesheet" type="text/css" href="css/reveal.css">
   <link rel="stylesheet" type="text/css" href="css/base.css">
   <link rel="stylesheet" type="text/css" href="css/pages/main.css">
   <link rel="stylesheet" type="text/css" href="css/icon/foundation-icons.css">
  </head>
  
  <body>
    <div class="layer">
   	    <img src="images/cloud1.png"  class="cloud1" />
		<img src="images/cloud2.png" class="cloud2">
		<div class="centerPic">
			<img src="images/balloon.png" />
		</div>
		<div class="Box registerBox">
			<p>欢迎加入</p><br/>
			<form>
				<li><label>&nbsp;&nbsp;邮 &nbsp;箱：</label><input type="email" id='setEmail' placeholder='请输入您的常用邮箱' autofocus/><span class='warning warnEmail'></span>&nbsp;<span class='fi-check'></span></li><br/>
                <li><label>&nbsp;&nbsp;性&nbsp; 别：</label><input type="radio" name='sex' value='m' id='sex'/> 男&nbsp;<input type="radio" name='sex' value='f'/> 女</li><br/>
                <li><label>&nbsp;&nbsp;生&nbsp; 日：</label><input type="text" id="datepicker"></li><br/>   
				<li><label>&nbsp;&nbsp;用户名：</label><input type="text" id='setUsername'/><span class='warning warnUsername1'></span>&nbsp;<span class='fi-check'></span></li><br/>
				<li><label>&nbsp;&nbsp;密&nbsp; 码:</label>&nbsp;<input type="password" placeholder="请输入6位字符密码" id='setPw'/><span class="warning warnPw1"> *请输入6位字符密码</span></li><br/>
				<li><label>确认密码:</label>&nbsp;<input type="password" id='verifyPw'/><span class="warning warnPw2"> *密码不一致</span>&nbsp;<span class='fi-check'></span></li><br/>

				<input type="button" value="确认" id='registerVerify'/> <span><input type="reset" value="重置" /></span></form>
		</div>
		<div class="Box loginBox"><p>欢迎回来</p><br/>
			<form>
				<li><label >&nbsp;&nbsp;用户名:</label>&nbsp;<input type="text" id="userName"/><span class='warning warnUsername2'></span>&nbsp;<span class='fi-check'></span></li><br/>
				<li><label >&nbsp;&nbsp;密&nbsp; 码:</label>&nbsp;<input type="password" id="password"/><span class='warning warnPw2'></span>&nbsp;<span class='fi-check'></span></li><br/><br/>
				<input type="button" value="确认" id="loginVerify"/> <span><input type="reset" value="重置" /></span>
            </form>
		</div>



     <footer><span id="register">注 册</span><span id="login">登 录</span></footer>
   </div>
   
   <div id="myModal" class="reveal-modal" style="opacity: 1; visibility: hidden; top: 162px;">
			<h1>I'm Sorry</h1>
			<p>There's an error and I'll find a solution soon.</p>
			<a class="close-reveal-modal">×</a>
		</div>
   <div class="reveal-modal-bg" style="display:none; cursor: pointer;"></div>
   

  <script type="text/javascript" src="js/frame/jquery-1.6.4.min.js"></script>
  <script type="text/javascript" src="js/frame/jquery-ui.min.js"></script>
  <script type="text/javascript" src="js/frame/jquery.reveal.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
  
  
 </body>
</html>
